.btn {
    &,
    &:link,
    &:visited {
        text-decoration: none;
        display: inline-block;
        border-radius: 10rem;
        font-size: $default-font-size;
        border: none;
        cursor: pointer;
        transition: all .2s;
    }

    &:hover {
        transform: translateY(-3px);
        box-shadow: 0 1rem 2rem rgba($color-black, .2);
    }

    &:active,
    &:focus {
        outline: none;
        transform: translateY(-1px);
        box-shadow: 0 .5rem 1rem rgba($color-black, .2);
    }

    // 可选按钮颜色样式
    &--black {
        background-color: $color-white;
        color: $color-black;
    }

    &--linear {
        background-image: linear-gradient(to right, #2BC0E4, #EAECC6);
        color: #fff;
    }

    &--none {
        background-color: none;
        color: $color-white;
    }

    &--none:hover {
        background-color: $color-white;
        color: $color-black;
    }

    // 可选按钮大小样式
    &--154 {
        padding: 1.5rem 4rem;
    }
    
    &--158 {
        padding: 1.5rem 8rem;
    }
}